#top{
  background:url(../image/iphone/phone_top_bg.png) repeat-x;
	width:640px;
	height:78px;
	margin:0 auto;
}
#logo,#share{
  width:191px; 
	height:78px; 
	line-height:78px; 
	font-size:20px;
  font-weight:bold;
	color:#7086a4;
	text-shadow:0 -1px 1px #fff;
	text-align:center;
	float:left;
}
#top_button{
  width:258px; 
	height:58px; 
	padding-top:20px;
	float:left;
}
.toggle_button{
  display:block; 
	background:url(../image/iphone/phone_topbuttom_bg.png) no-repeat; 
	width:125px; 
	height:40px; 
	line-height:40px; 
	font-size:24px;
  font-weight:bold;
	color:#7086a4;
	text-shadow:0 -1px 1px #fff;
	text-align:center; 
	float:left;
}
#right_games_button{
  margin-left:8px;
}
#weather_container{
  position: relative;
	height: 752px;
	width: 640px;
	margin: 0 auto;
}
#weather_area{
  width:640px;
  height:752px;
	background:url(../image/tools_weather/weather_bg.png) repeat;
}
#content1{
  margin:0;
  padding:0;
}
#city_box{
  width:100%;
  height: 117px;
}
.left_city{
  min-width:250px;
  padding:40px 0 0px 50px;
  float:left;
}
.city{
  font-size:32px;
  color:#fff;
}
.week{
  font-size:24px;
  color:#fff;
}
.right_search{
  width:34px;
  padding:20px 20px 0 0;
  float:right;
}
#text_box{
  display:none;
}
#weather_introduction{
  width:540px;
  height:210px;
  margin:0 auto;
}
.weather_icon{
  width:260px;
  height:210px;
  float:left;
}
.detailed_introduction{
  width:280px;
  height:210px;
  float:right;
}
.left_temperature{
  width:150px;
  float:left;
}
.temperature{
  font-size:90px;
  color:#fff;
}
.degree{
  width:100px;
  float:left;
  text-align:center;
}
.deg{
  width:50px;
  float:left;
}
#temperature_button{
  width:76px;
  height:33px;
  margin:0 auto;
  padding-right:50px;
}
#f,#c{
  display:block;
  width:33px;
  height:33px;
  float:left;
  text-align:center;
  text-decoration:none;
  font-size:18px;
  color:#000;
  line-height:33px;
  text-shadow:none;
  box-shadow:1px 1px 2px #6a84a3;
}
#c{
  margin-left:10px;
}
#f:hover,#c:hover{
  background:rgba(255,255,255,0.25);
  color:#fff;
}
.weather_situation{
  width:130px;
  margin-top:12px;
  float:right;
}
.cloudy{
  font-size:30px;
  color:#fff;
}
.text{
  font-size:24px;
  color:#fff;
}
.weather_list{
  margin-top:40px;
}
#every_week{
  width:540px;
  height:339px;
  margin:0 auto;
  border-radius:10px;
  margin-top:38px;
  background:url(../image/tools_weather/otherdays_bg.png) repeat;
}
.weather_one_columns{
  width:524px;
  height:339px;
  margin:0 auto;
}
.weather_one_columns>li{
  width:100%;
  height:84px;
  border-bottom:1px solid #d9dfee;
  box-shadow:0 1px 1px #a1b0cc;
}
.weather_one_columns>li:last-child{
 border-bottom:0;
}
.weatherIn_four_columns{
  width:517px;
  height:84px;
}
.weatherIn_four_columns>li{
  width:25%;
  float:left;
  text-align:center;
}
.small_icon{
  padding-top:16px;
}
.weather_font{
  font-size:22px;
  color:#3f5a7b;
  text-shadow:none;
  font-weight:bold;
  line-height:84px;
}
#search_outbox{
  width:400px;
  height:54px;
  margin:0 auto;
  margin-top:15%;
}
#text_box1{
  width:300px;
  height:46px;
  padding:0;
  float:left;
  margin:13px 0 0 25px;
}
.search_icon1{
  float:left;
  margin:10px 0 0 15px;
}
.black_overlay{  
display: none;  
position: absolute;  
top: 0%;  
left: 0%;  
width: 100%;  
height: 100%;  
background-color: black; 
z-index:1001;  
-moz-opacity: 0.8;  
opacity:.80;  
filter: alpha(opacity=80);  
}  
.white_content {
width: 80%;  
height: 30%; 
background:url(../image/tools_weather/otherdays_bg.png) repeat; 
border-radius:10px;
display: none;  
position: absolute;  
top: 35%;  
left: 10%;    
z-index:1002;  overflow: auto;  
}  